<template>
  <div class="home-wrap">
    <div >
      Nuxt3--{{ $t(`HOME.b1.title`) }}
    </div>
    <div >
      {{ $t(`HOME.b1.txt`) }}
    </div>

    <div>
      这张图是  img
      <img v-Mlazy:img="'/back.png'" />
    </div>
    <div v-Mlazy="'/back.png'">
      这张图是  背景图
    </div>
   
  </div>
</template>

<script setup>
const nuxtApp = useNuxtApp();
useHead({...nuxtApp.$setHead('home')})

</script>

<style lang="scss" scoped>
.home-wrap{
  min-height: calc(100vh - 200px);
  &>div{
    width: 1200px;
    margin: 0 auto;
    min-height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    position: relative;
  }
  img{
    height: 200px;
    width: 100%;
    position: absolute;
    z-index: -1;
  }
}
</style>